<script>

export default {
    name: 'App',
    components: {},
    data() {
        return {
            name: "李五"
        }
    },
    methods: {
        men(event) {
            console.log(event)
            // 阻止事件冒泡
            event.stopPropagation()

            // 阻止默认行为
            event.preventDefault()
        }
    },
    render(createElement, context) {
        const inputAttrs = {
            type: 'email',
            placeholder: 'Enter your email'
        }
        return (
                <div>
                    <input type="text" {...{attrs:inputAttrs}}/>
                    <br/>
                    <input
                            type="email"
                            placeholder={this.name}
                    />
                </div>

        )
    }
}
</script>
<style scoped>
.title {
    width: 100px;
    height: 100px;
    background-color: #42b983;
    text-align: center;
    padding-top: 40px;
}
</style>